/*
    Document   : JACoMode
    Created on : 20 mars 2010, 12:50:08
    Author     : Jonathan MERCIER <bioinfornatics@fedoraproject.org>
    Description:
        General stylesheet for the whole JACoMode frontend.
*/

body {
    font-family: Arial,  sans-serif;
    padding: 0;
    margin: 0;
    line-height: 1.8em;
    font-size: 1em;
    color: #000000;
    background-color:#bad27c;
}

#header {
    position:relative;
    height: 60px;
    background-color: #fff0dc;
    margin: 20px 20px 0px 20px;
    width:auto;
}

#haut {
    height: auto;
    background-color:#fff0dc;
    margin-left: 10px;
}

#haut span {font-weight: bold;}

#conteneur {
    position: relative;
    width: auto;
    margin: 0 auto;
    background-color:#bad27c;
}

#center {
    position:relative;
    margin-left: 250px;
    margin-right: 20px;
    margin-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    min-height: 665px;
    background-color:#fff0dc;
    text-align: justify;
}

#left {
    position: absolute;
    left:20px;
    width: 200px;
    margin-top: 25px;
    background-color:#fff0dc;
    padding-left:0px;
    min-height: 400px;
}

#left img {padding-left: 10px;}

#foot {height: 30px;}

#extract {vertical-align: middle;}


.help {
    font-style:italic;
    font-family: Arial,  sans-serif;
}

.instruction {
    text-decoration:underline;
    font-family: Arial,  sans-serif;
}

img {
    border: 0px;
}

.hg {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("IMAGES/hg.png") no-repeat;
}

.hd {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url("IMAGES/hd.png") no-repeat;
}

.bg {
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url("IMAGES/bg.png") no-repeat;
}

.bd {
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url("IMAGES/bd.png") no-repeat;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    color: #91000B;
}

.titleCenter {
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    color: #91000B;
    text-align:center
}

h2 {
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    color: #91000B;
    position:absolute;
    left:295px;
    top:14px;
}

table {
    height:auto;
    background-color: white;
    border-collapse: collapse;
}

tr,td{
    text-align:center;
    vertical-align:middle;
    border: 1px solid black;
}

table.invisible {
    height:auto;
    background-color: #fff0dc;
    border-collapse: collapse;
}

table.invisible tr,table.invisible td{
    text-align:center;
    vertical-align:middle;
    border: 0px solid black;
}

table.divisible {
    page-break-after:avoid; height:22cm; border:thin solid black; padding:0.5cm;
    height:auto;
    background-color: white;
    border-collapse: collapse;
}

table.divisible tr,table.divisible td{
    text-align:center;
    vertical-align:middle;
    border: 1px solid black;
}

.menu1 { /* tabs box */
         text-align: left;
         padding-top:12px ; /* top inner margin */
         padding-bottom:7px
} /* bottom inner margin */

.onglet { /* inactive tabs */
          background : url(IMAGES/onglet_inactif.png) bottom no-repeat ;
          margin:5px 5px 0px 5px ;
          padding:7px 3px 7px 3px}

a.onglet { /* active tabs */
           color : black;
           text-decoration:none;
} 

a.onglet:hover {color:#91000B} 

.onglet-actif { /* active tabs */
                border-bottom:solid 5px white ;
                margin:5px 5px 0px 5px ;
                padding:7px 3px 7px 3px ;
                background : url(IMAGES/onglet_actif.png) bottom no-repeat ;
}

.spacer {clear:both;} /* forces new line after floating box */

fieldset {
    background-color: white;
    border: 2px solid white;
    padding: 12px;
    margin-left: 5px;
    margin-right: 5px;
}

.scroll{
    height:500px;
    width: auto;
    overflow: auto;
    border: 2px solid #fff0dc;
    padding: 12px;
    margin-left: 5px;
    margin-right: 5px;
}

.scroll2{
    height: 500px;
    width: 850px;
    overflow:auto;
    border: 2px solid #bad27c;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: white;
}

.scroll3{
    text-align:center;
    height: 325px;
    width: 800px;
    overflow:auto;
    border: 2px solid #bad27c;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #bad27c;
}
.inputTypeFile
{
    visibility: hidden;
    position:   relative;
}
.inputTypeButton
{
    position:   absolute;
    left:       0px;
}

.textBold
{
    font-weight: bold;
}

.textRed
{
    color: #FF0000;
}

.texte_bleu
{
    color: #0000FF;
    font-family: Arial,  sans-serif;
    font-size: 14px;
}